<!-- 资源列表 -->
<template>
  <div class="Resource">
    <Crumbs />
    <main class="Resource_content">
      <el-table
        ref="multipleTableRef"
        :data="tableData"
        style="width: 100%"
        border
      >
        <el-table-column label="编号" prop="date" width="60" align="center" />
        <el-table-column prop="name" label="资源名称" align="center" />
        <el-table-column prop="name" label="资源路径" align="center" />
        <el-table-column prop="name" label="描述" align="center" />
        <el-table-column prop="name" label="添加时间" align="center" />
      </el-table>
    </main>
  </div>
</template>

<script lang="ts" setup>
import { reactive, toRefs, ref } from 'vue';
import Crumbs from '../../components/Common/Crumbs.vue';
const tableData = [
  {
    date: 1,
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: 2,
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: 3,
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
  {
    date: 4,
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  },
];
</script>
<style lang="less" scoped>
.Resource {
  .Resource_content {
    padding: 10px 20px;
  }
}
</style>
